// 初始化区域滚动
mui('.mui-scroll-wrapper').scroll({
    indicators:false
});

$(function () {
  

  // TODO:渲染列表
  /*获取*/
  var historyList = getHistoryData();
  /*渲染*/
  $(".lt_history").html(template('historyTpl',{list: historyList}));
  $('.lt_search input').val('');


  // TODO:点击搜索
  $('.lt_search a').on('tap',function () {
    var key = $.trim($('.lt_search input').val());
    if(!key) {
      mui.toast('请输入关键字');
      return false;
    }
     /*记录这一次的搜索*/
    var arr = getHistoryData();

    /*1.在正常的10条记录内 正常添加*/
    /*2.已经10条记录了    添加一条 并且 删除最早的一条 */
    /*3.如果有相同记录    添加一条 并且 删除相同的一条 */
    /*是否有相同数据*/
    var isHave = false ;
    var haveIndex;
    for(var i = 0; i < arr.length; i++){
      if(key == arr[i]){
        isHave = true;
        haveIndex = i;
        break;
      }
    }
    if(isHave){
      /*3.如果有相同记录=>删除*/
      arr.push(key);
      arr.splice(haveIndex,1);
    }else {
      if(arr.length < 10){
        arr.push(key);
      }else {
        arr.push(ley);
        arr.splice(0,1);
      }
    }
    /*保存*/
    localStorage.setItem('leTaoHistory',JSON.stringify(arr));
    location.href = "searchList.html?key="+key;
  });
  

  // TODO:删除记录
  $('.lt_history').on('tap','.mui-icon',function(){
     /*获取索引*/
    var index = $(this).attr('data-index');
    var arr = getHistoryData();
    arr.splice(index,1);
    localStorage.setItem('leTaoHistory',JSON.stringify(arr));
     /*重新渲染*/
    $('.lt_history').html(template('historyTpl',{list:arr}));
  });
  

  // TODO:清空记录
  $('.lt_history').on('tap','.fa',function(){
    localStorage.setItem('leTaoHistory','');
    $('.lt_history').html(template('historyTpl',{list:[]}));
  });
});

// 获取本地存储的数据
function getHistoryData () {
  var str = localStorage.getItem('leTaoHistory') || '[]';
  var arr = JSON.parse(str);
  return arr;
}